<html>
<head>
<link rel='stylesheet' href='css/bootstrap.css' type='text/css' />
<link rel='stylesheet' href='css/bootstrap-responsive.css' type='text/css' />
<script src='js/functions.js'></script>
<script src='js/jquery.js'></script>
<script>
$(document).ready(function(){
	$('#showPar').click(function(){
		$(".alert").show();
	});
});

</script>
<script>
function hideBtn(){
var can=document.getElementById('cancel');
can.style.display='none';
var post=document.getElementById('post');
post.style.display='none';
}
</script>

</head>
<body onload='hideBtn()'>
<a href='' id='showPar'>Show Paragraph</a>
<p class='alert alert-success' style="display:none">New Post After EidNew Post After EidNew Post After EidNew Post After EidNew Post After Eid</p>

	<div class='container' id='con-nar'>
		<div class='row-fluid'>
			<div class='span12'>
				<a href='javascript:void' id='status' class='btn btn-link'>Update Status</a> |  <a href='javascript:void' id='photo' class='btn btn-link' onclick='showFoto()'>Add Photo</a>
				
				<div id='statusdiv' class='well'>
					<form action='../controller/insert.php' method='POST'>
						<input type='text' class='input-xlarge' name='add_update' id='update' onfocus='changeSize()'>
						<div class='clearfix'></div>
						<input type='button' value='Cancel' class='btn btn-primary' id='cancel' onclick='cancelBtn()'>&nbsp;<input type='submit' value='Post' class='btn btn-primary' id='post'>
					
					</form>
				</div>
				
				<div id='photodiv' style='display:none'>
				<input type='file' class='btn'>
				</div>
			<?php 
			mysql_connect("localhost","root","");
			mysql_select_db("fb");
			$select=mysql_query("SELECT * FROM updates");
			while($row=mysql_fetch_array($select)){
				
				echo "<p class='well'>" . $row['post'] . "<br/>" . "<span class='pull-right'><small>" . $row['post_date'] . "</small></p>";
			}
			?>
			</div>
		
		</div>
	
	</div>
</body>

</html>
